<template>
    <div class="short-videos-container">
        小视频

        <TabBar :tabList="tabList"></TabBar>
    </div>
</template>

<script setup name="ShortVideos">
import { ref } from "@vue/reactivity";
const tabList = ref([
    {
        id: "1",
        path: "/",
        name: "电影/影视",
        icon: "icon-dianying",
    },
    {
        id: "2",
        path: "/videos",
        name: "视频",
        icon: "icon-shipin1",
    },
    {
        id: "3",
        path: "/shortvideos",
        name: "小视频",
        icon: "icon-shipin",
    },
    {
        id: "4",
        path: "/show",
        name: "演出",
        icon: "icon-yanchu",
    },
    {
        id: "5",
        path: "/profile",
        name: "我的",
        icon: "icon-wode",
    },
]);
import TabBar from "components/common/TabBar/index.vue";
</script>

<style lang="less" scoped></style>
